<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./swiper/css/swiper.min.css">
    <script src="./js/main.js"></script>
    <script src="./swiper/js/swiper.min.js"></script>
    <title>Document</title>
</head>
<body>
    <div class="headerAll">
        <header>
            <div class="nav-heart header dsfr">
                <div class="logo"><img src="./img/logo.png" alt=""></div>
                <div class="headerRight dsfc">
                    <ul class="cll dsfr">
                        <li><img src="./img/login/denglu-n.png" alt=""><span>登录</span></li>
                        <li><img src="./img/login/zhuce-hui.png" alt=""><span>注册</span></li>
                        <li><img src="./img/login/dingyue-hui.png" alt=""><span>订阅</span></li>
                        <li><img src="./img/login/changjianwenti-hui.png" alt=""><span>常见问题</span></li>
                        <li><img src="./img/login/lianxiwomen-hui.png" alt=""><span>联系我们</span></li>
                        <li><img src="./img/login/tijiao-n.png" alt=""><span>建议提交</span></li>
                    </ul>
                    <div class="hRsearch dsfr">
                        <select name="" id="">
                            <option value="">新闻速递</option>
                            <option value="">新闻速递</option>
                            <option value="">新闻速递</option>
                            <option value="">新闻速递</option>
                        </select>
                        <input type="text" value="">
                        <button><span>搜索</span> </button>
                    </div>
                </div>
            </div>
        </header>
        <nav>
            <ul class="nav-heart cll">
                <li><a href="">首页</a></li>
                <li><a href="">关于CSUA</a></li>
                <li><a href="">新闻速递</a></li>
                <li><a href="">资料分享</a></li>
                <li><a href="">论坛版块</a></li>
            </ul>
        </nav>
    </div>

    <div class="fstBgc">
        <div class="heart">
            <div class="swiper-container fstLbt">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="./img/index/banner2.png" alt=""></div>
                    <div class="swiper-slide"><img src="./img/index/banner2.png" alt=""></div>
                    <div class="swiper-slide"><img src="./img/index/banner2.png" alt=""></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                
                <!-- 如果需要导航按钮 -->
                <!-- <div class="swiper-button-prev"></div> -->
                <!-- <div class="swiper-button-next"></div> -->
                
                <!-- 如果需要滚动条 -->
                <!-- <div class="swiper-scrollbar"></div> -->
            </div>
        </div>
    </div>
    <div class="secBgc">
        <div class="heart dsfr">
            <div class="allLeft dsfc">
                <div class="dsfr">
                    <div class="secL">
                        <div class="secLTop">
                            <div class="secLTL">
                                <div class="xwsdTit">
                                    <div class="xwsdTitText">
                                        <img style="width: 15px;height: 15px;" src="./img/index/Group 2.png" alt="">
                                        <span style="                            
                                        font-size: 15px;
                                        color: #08619F;
                                        letter-spacing: 0;">新闻速递</span>
                                    </div>
                                    <a href="" style="
                                    font-size: 10px;
                                    color: #08619F;
                                    letter-spacing: 0;">更多</a>
                                </div>
                                <ul class="cll">
                                    <li>
                                        <div class="secListTit">
                                            <span class="sltts">2018年度CSUA金龙奖申报开始</span>
                                            <span class="xiangqing">[详情]</span>
                                        </div>
                                        <div class="secListContent">
                                                又是一年夏至将近，夏为大，至为极，万物壮大繁茂。中国SAP用户协会2018年度会员大会暨CSUA成立六周年庆典筹备工作正式启动。届时，第五届CSUA金龙奖也将在大会上隆重揭晓。
                                                本届CSUA金龙奖将继续评选最佳SAP项目奖和最佳实施顾问奖。金龙奖评选工作组将一如既往秉持严谨专业的评选标准，并结合科技发展趋势，对项目申报表、审核流程以及评分细则逐一校验更新，以期不负众望、甄选出最具代表性及创新精神的优秀项目及个人予以肯定和褒奖，树立业界风向标，推动企业信息化建设良性发展。
                                        </div>
                                    </li>
                                    <li>
                                        <div class="secListTit">
                                            <span class="sltts">2018年度CSUA金龙奖申报开始</span>
                                            <span  class="xiangqing">[详情]</span>
                                        </div>
                                        <div class="secListContent">
                                                又是一年夏至将近，夏为大，至为极，万物壮大繁茂。中国SAP用户协会2018年度会员大会暨CSUA成立六周年庆典筹备工作正式启动。届时，第五届CSUA金龙奖也将在大会上隆重揭晓。
                                                本届CSUA金龙奖将继续评选最佳SAP项目奖和最佳实施顾问奖。金龙奖评选工作组将一如既往秉持严谨专业的评选标准，并结合科技发展趋势，对项目申报表、审核流程以及评分细则逐一校验更新，以期不负众望、甄选出最具代表性及创新精神的优秀项目及个人予以肯定和褒奖，树立业界风向标，推动企业信息化建设良性发展。
                                        </div>
                                    </li>
                                    <li style="display:flex;flex-direction:row;">
                                        <img style="width: 138px;height: 82px;" src="./img/index/tu-5.png" alt="">
                                        <div style="margin-left: 9px;">
                                            <div class="secListTit">
                                            <span style="
                                            display: inline-block;
                                            overflow: hidden;
                                            font-size: 14px;
                                            width: 220px;
                                            height: 38px;
                                            line-height: 18px;
                                            text-overflow: ellipsis;
                                            font-size: 14px;
                                            color: #000000;">2018年度CSUA金龙8年度CSUA金龙8年度CSUA金龙8年度CSUA金龙8年度CSUA金龙奖申报开始</span>
                                            <span  class="xiangqing">[详情]</span>
                                            </div>
                                            <div class="secListContent2">
                                                    又是一年夏至将近，夏为大，至为极，万物壮大繁茂。中国SAP用户协会2018年度会员大会暨CSUA成立六周年庆典筹备工作正式启动。届时，第五届CSUA金龙奖也将在大会上隆重揭晓。
                                                    本届CSUA金龙奖将继续评选最佳SAP项目奖和最佳实施顾问奖。金龙奖评选工作组将一如既往秉持严谨专业的评选标准，并结合科技发展趋势，对项目申报表、审核流程以及评分细则逐一校验更新，以期不负众望、甄选出最具代表性及创新精神的优秀项目及个人予以肯定和褒奖，树立业界风向标，推动企业信息化建设良性发展。
                                            </div>
                                        </div>
                                        
                                    </li>
                                </ul>
                            </div> 
                        </div>
                    </div>
                    <div class="secR">
                        <div class="xwsdTit">
                            <div class="xwsdTitTextList">
                                <ul class="cll dsfr">
                                    <li><a href="">协会热点</a></li>
                                    <li><a href="">SAP热点</a></li>
                                </ul>
                            </div>
                            <a href="" style="
                            font-size: 10px;
                            color: #08619F;
                            letter-spacing: 0;">更多</a>
                        </div>
                        <div class="secListTit" style="margin-top: 10px;">
                            <span class="sltts">2018年度CSUA金龙奖申报开始</span>
                            <span class="xiangqing" >[详情]</span>
                        </div>
                        <ul class="slclist cll">
                            <li>
                                <a class="dsfr" href="">
                                    <div class="slclist-div"></div>
                                    <span class="slcl1">
                                        基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                    </span>
                                    <span class="slcl2" >2013-01-17 12:46</span>
                                </a>
                            </li>
                            <li>
                                <a class="dsfr" href="">
                                    <div class="slclist-div"></div>
                                    <span class="slcl1">
                                        基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                    </span>
                                    <span class="slcl2" >2013-01-17 12:46</span>
                                </a>
                            </li>
                            <li>
                                <a class="dsfr" href="">
                                    <div class="slclist-div"></div>
                                    <span class="slcl1">
                                        基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                    </span>
                                    <span class="slcl2" >2013-01-17 12:46</span>
                                </a>
                            </li>
                            <li>
                                <a class="dsfr" href="">
                                    <div class="slclist-div"></div>
                                    <span class="slcl1">
                                        基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                    </span>
                                    <span class="slcl2" >2013-01-17 12:46</span>
                                </a>
                            </li>
                        </ul>
                        <div style="width: 300px;border-bottom: 1px dotted #979797;margin: 15px 2px;"></div>
                        <div class="secListTit" style="margin-top: 10px;">
                                <span class="sltts">2018年度CSUA金龙奖申报开始2018年度CSUA金龙奖申报开始</span>
                            <span class="xiangqing" >[详情]</span>
                        </div>
                        <ul class="slclist cll">
                            <li>
                                <a class="dsfr" href="">
                                    <div class="slclist-div"></div>
                                    <span class="slcl1">
                                        基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                    </span>
                                    <span class="slcl2" >2013-01-17 12:46</span>
                                </a>
                            </li>
                            <li>
                                <a class="dsfr" href="">
                                    <div class="slclist-div"></div>
                                    <span class="slcl1">
                                        基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                    </span>
                                    <span class="slcl2" >2013-01-17 12:46</span>
                                </a>
                            </li>
                            <li>
                                <a class="dsfr" href="">
                                    <div class="slclist-div"></div>
                                    <span class="slcl1">
                                        基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                    </span>
                                    <span class="slcl2" >2013-01-17 12:46</span>
                                </a>
                            </li>
                            <li>
                                <a class="dsfr" href="">
                                    <div class="slclist-div"></div>
                                    <span class="slcl1">
                                        基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                        ">基于HANA的SAP商务套件，助 
                                    </span>
                                    <span class="slcl2" >2013-01-17 12:46</span>
                                </a>
                            </li>
                        </ul>
                        
                    </div>
                </div>
                <div class="xwsdTit"  style="width: 720px;margin-top: 24px;">
                    <div class="xwsdTitText">
                        <img style="width: 15px;height: 15px;" src="./img/index/Group 2.png" alt="">
                        <span style="                            
                        font-size: 15px;
                        color: #08619F;
                        letter-spacing: 0;">新闻速递</span>
                    </div>
                    <a href="" style="
                    font-size: 10px;
                    color: #08619F;
                    letter-spacing: 0;">更多</a>
                </div>
                <div class="aboutCsua">
                    <div class="aboutCsuaTitle">
                        关于CSUA
                    </div>
                    <div class="aboutCsuaContent">
                            CSUA全称为 “中国系统应用产品用户协会”（China Systems Applications and Products Users Association），简称中国SAP用户协会，是由中国的SAP用户自愿发起，自主运营的，独立的，非营利性的全国性二级协会, 在中华人民共和国民政部注册登记，上级业务主管部门为中国计算机用户协会。作为SAP认可 的中国地区唯一的官方用户组织，协会面向所有中国地区SAP产品及解决方案的直接使用者，合作伙伴，以及对SAP产品感兴趣或有所钻研的个人及团体，以 “沟通、分享、桥梁”为中心，旨在促进用户间的交流与互助，分享推广最佳实践经验，并与全球其他用户协会紧密联系，代表会员，维护用户权益，促进中国企业 信息化进程。CSUA为会员 提供包括研讨会、培训、网上课程、年度大会等各种形式的活动，定期发布业界最新资讯；并按行业和地域等设立不同专题小组（SIG），为用户提供更有针对性 的交流渠道。同时作为中国唯一受SAP公司认可的用户组织，协会也参与SAP生态系统，代表中国用户与SAP公司及其他国家地区的SAP用户交流。
                    </div>
                </div>
            </div>
            <div class="allRight dsfc">
                <img src="./img/index/1543222970_icp.png" alt="">
                <img src="./img/index/1543222970_icp.png" alt="">
                <img src="./img/index/1543222970_icp.png" alt="">
            </div>
        </div>
        
    </div>

    <footer>
            沪ICP备11042603号
    </footer>
    


</body>
</html>